<%@ taglib prefix="s" uri="/struts-tags"%>
<%@ taglib prefix="authz" uri="http://www.springframework.org/security/tags" %>
<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<html>
<head>
  <title>REBO</title>
    <link rel="stylesheet" type="text/css" href="css/Normalize.css">
    <link rel='stylesheet' type='text/css' href='css/styles.css'/>
    <!--[if IE 6]>
    <script src="js/DD_belatedPNG_0.0.8a.js" type="text/javascript"></script>
    <script type="text/javascript">
        DD_belatedPNG.fix('*');
    </script>
    <![endif]-->
</head>
<body>
 <div id="header">
     <div class="wrap">
    <h1 id="logo">rebo社交娱乐网</h1>
     <div id="header-rt">
     <div id="index-logsig" class="minbox" >
      <span id="index-login"><a href="member/account_tologin.html">登陆</a></span>
      <span id="index-sig"> <a href="member/account_register.html">注册</a></span>
     </div>
      <div id="logmsg" class="minbox">
          <span id="usernm"><a href="#">用户名</a></span>
          <span id="leave"> <a href="#">注销</a></span>
       </div>
         <div id="index-search">
             <form action="#" method="get" id="scform1">
                 <input type="text"  id="sc"/>
                 <button type="submit"><strong>搜索</strong></button>
             </form>
         </div>
      </div>
    </div>
    </div>
     <div id="content">
         <div class="wrap">
         <div id="welcome">
             <ul id="index-nav">
                 <li><a href="#" title="生命中心">生命中心</a></li>
                 <li><a href="#" title="反馈">反馈</a></li>
             </ul>

         <h3 id="seclogo"></h3>
          <div id="citation">
              <p>有梦想就有翅膀，为所有有梦想的人打造一个属于我们自己的平台。</p>
              <p>大家为了共同的事业聚到一起。</p>
               <p>为此不再孤独不再沉默也不再忍受社会上不公平的压榨和逼迫。</p>
                <p>我们不做屌丝，不做苦逼，不再困惑。</p>
                <p>我们开始为我们自己努力奋斗。</p>
          </div>
         <div class="pctimg">
             <img src="./images/thumb.jpg" />
         </div>
         </div>
         </div>
         <div id="main_content" class="wrap">
             <ul id="main_menu">
              <li class="dadu item">
               <a href="#" title="打赌" class="itema">
                   <p class="tit">打赌</p>
               </a>

              <div class="itemIntro">
                  <a href="#" title="打赌" >
              <h4>打赌</h4>
               <p>打赌简介</p>
                  </a>
              </div>

              </li>
                 <li class="maitime item">
                     <a href="#" title="买卖时间" class="itema">
                      <p class="tit">任务</p>
                     </a>
                     <div class="itemIntro">
                         <a href="#" title="买卖时间" >
                             <h4>任务</h4>
                             <p>任务简介</p>
                         </a>
                     </div>
                 </li>
                 <li class="picpk item">
                     <a href="#" title="照片PK"  class="itema">
                         <p class="tit">社交</p>
                     </a>
                     <div class="itemIntro">
                         <a href="#" title="照片PK" >
                             <h4>社交</h4>
                             <p>社交简介</p>
                         </a>
                     </div>
                 </li>
                 <li class="gameac item">
                     <a href="#" title="游戏活动"  class="itema">
                         <p class="tit">游戏活动</p>
                     </a>
                     <div class="itemIntro">
                         <a href="#" title="游戏活动" >
                             <h4>游戏活动</h4>
                             <p>游戏活动简介</p>
                         </a>
                     </div>
                 </li>
                 <li class="lovewu item">
                     <a href="#" title="爱乌"  class="itema">
                         <p class="tit">爱乌</p>
                     </a>
                     <div class="itemIntro">
                         <a href="#" title="爱乌" >
                             <h4>爱乌</h4>
                             <p>爱乌简介</p>
                         </a>
                     </div>
                 </li>
                 <li class="xuanshan item">
                     <a href="#" title="悬赏令" class="itema">
                         <p class="tit">悬赏令</p>
                     </a>
                     <div class="itemIntro">
                         <a href="#" title="悬赏令" >
                             <h4>悬赏令</h4>
                             <p>悬赏令简介</p>
                         </a>
                     </div>
                 </li>
                 <li class="wishbottle item">
                     <a href="#" title="愿望瓶"  class="itema">
                         <p class="tit">愿望瓶</p>
                     </a>
                     <div class="itemIntro">
                         <a href="#" title="愿望瓶" >
                             <h4>愿望瓶</h4>
                             <p>愿望瓶简介</p>
                         </a>
                     </div>
                 </li>
                 <li class="wishtree item">
                     <a href="#" title="希望树"  class="itema">
                         <p class="tit">希望树</p>
                     </a>
                     <div class="itemIntro">
                         <a href="#" title="希望树" >
                             <h4>希望树</h4>
                             <p>希望树简介</p>
                         </a>
                     </div>
                 </li>
                 <li class="changehua item">
                     <a href="#" title="置换" class="itema">
                         <p class="tit">置换</p>
                     </a>
                     <div class="itemIntro">
                         <a href="#" title="置换" >
                             <h4>置换</h4>
                             <p>置换简介</p>
                         </a>
                     </div>
                 </li>
                 <li class="changeme item">
                     <a href="#" title="兑换" class="itema" >
                         <p class="tit">兑换</p>
                     </a>
                     <div class="itemIntro">
                         <a href="#" title="兑换"  >
                             <h4>兑换</h4>
                             <p>兑换简介</p>
                         </a>
                     </div>
                 </li>
                 <li class="levelup item">
                     <a href="#" title="升级" class="itema">
                         <p class="tit">升级</p>
                     </a>
                     <div class="itemIntro">
                         <a href="#" title="升级" >
                             <h4>升级</h4>
                             <p>升级简介</p>
                         </a>
                     </div>
                 </li>
                 <!--<li class="some">-->
                     <!--<a href="#" title="某某" class="item">-->
                         <!--<p>某某</p>-->
                     <!--</a>-->
                     <!--<div class="itemIntro">-->
                         <!--<h4>某某</h4>-->
                         <!--<p>某某简介</p>-->
                     <!--</div>-->
                 <!--</li>-->
             </ul>
         </div>
      </div>
      <div id="footer">
          <ul>
              <li><a href="#">发起项目</a></li>
              <li><a href="#">服务介绍</a></li>
              <li><a href="#">项目规范</a></li>
              <li><a href="#">常见问题</a></li>
              <li><a href="#">服务条款</a></li>
              <li><a href="#">隐私权政策</a></li>
              <li><a href="#">关于我们</a></li>
              <li><a href="#">建议反馈</a></li>
              <li><a href="#">官方微博</a></li>
          </ul>
          <p>河北热爆网络技术股份有限公司</p>
          <div id="footlogo">
              <img src="./images/index_logo.png" />
          </div>
      </div>

<script type="text/javascript" src="./js/jquery-1.9.1.js"></script>
<script>


    $(function(){

        $('.item').hover(function(){
            $(this).children('.itemIntro').stop();
            $(this).children('.itemIntro').animate({"left":0},500);
        },function(){
            $(this).children('.itemIntro').stop();
            $(this).children('.itemIntro').animate({"left":-200},500);
        });


        document.onselectstart = function(){return false;}
    });
</script>
</body>
</html>